import { defineComponent } from 'vue'
import { usePrefix } from '../hooks'

export const WorkspacePanel = defineComponent({
  setup(_, { slots }) {
    const prefix = usePrefix('workspace-panel')
    return () => <div class={prefix}>{slots.default?.()}</div>
  },
})

export const WorkspacePanelItem = defineComponent({
  setup(_, { slots }) {
    const prefix = usePrefix('workspace-panel-item')
    return () => <div class={prefix}>{slots.default?.()}</div>
  },
})
